<template>
    <div id="top-article" style="margin-left: 15px">
      <Card style="width:350px">
        <p slot="title">
          <Icon type="ios-film-outline"></Icon>
        今日热帖
        </p>
        <ul>
          <li v-for="(item,index) in topList " :key="index" >
            <!-- -->
            <span>{{item.title}}<Icon type="ios-star" color="yellow"></Icon></span>
          </li>
        </ul>
      </Card>
    </div>
</template>

<script>
    export default {
      name: "",
      props:{
        "topList":Array
      },
    }
</script>

<style scoped>
span{
  margin-bottom: 20px;
  display: block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
  span:hover{
    cursor: pointer;
    color: #2b85e4;
  }
</style>
